import React from 'react'
import './index.css'
import Item from './item'
//这里直接解构拿到传过来的值（3个数组），如果是props就是一个对象

export default function List({todoList,setTodoList}) {
  return (
    <ul className="todo-main">
     {
        todoList.map(item=>{
            //这里把key拿到后，创建标识，剩下的值传给要创建item
            return <Item key={item.id} {...item} todoList={todoList} setTodoList={setTodoList}/>
        })
     }
  </ul>
  )
}
